@charset "utf-8";
/* CSS Document */

body{ background: url(../images/bg.jpg) no-repeat center top;}
.top{ height: 36px}
#today{ font: 14px/36px "Microsoft Yahei"; color: #1e68a7;}

.banner{ height: 222px;}
.logo{ position: absolute; top: 50px; left: 0; width: 716px; height: 102px; }

.banner_r{ position: absolute; top: 84px; right: 40px; width: 380px; }
.i_phone1{ position: absolute; top: 12px; left: 0; width: 17px; height: 26px;}
.search{ position: absolute; top: 0; right: 0; width: 320px; height: 48px; background: #fff; border-radius: 24px; }
/*.search:before{ position: absolute; top: 12px; width: 1px; height: 26px; left: -20px; background-color: #b8daf5; border-left: 1px solid #fff; content: ""}*/
.keyword{ position: absolute; top: 0; left: 0; width: 240px; height: 48px; font: 14px/48px "Microsoft Yahei"; color: #666; text-indent: 1em; border: none; border-right: 0; background-color: transparent; box-sizing: border-box; outline: none;}

input.keyword:-moz-placeholder{ color: #ccc; }
input.keyword:-ms-input-placeholder{color:#ccc;}
input.keyword::-webkit-input-placeholder{color:#ccc;}
a.btn_search{ position: absolute; top: 0; right: 0; width: 72px; height: 48px;  background: url(../images/icon_search.png) no-repeat center center #0267b7; border-radius: 24px; cursor: pointer;}
/*a.btn_search:hover{ color: #fff;}*/

.nav{ width: 1200px; height: 56px; margin: 0 auto 30px; background-color: #0267b7;}
.nav a{ float: left; width: 150px; height: 56px; font: 20px/56px "Microsoft Yahei"; color: #fff; text-align: center; letter-spacing: 0.1em; }
.nav a:hover{ color: #fff; background: -moz-linear-gradient(top, #4db8ea, #008acd); 
	/* Safari 4-5, Chrome 1-9 */ 
	/* -webkit-gradient(,  [, ]?,  [, ]? [, ]*) */
	background: -webkit-gradient(linear,top,from(#4db8ea),to(#008acd));
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-linear-gradient(top, #4db8ea, #008acd);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #4db8ea, #008acd);}


.right_bar{ position: absolute; top: 382px; left: 50%; width: 80px; margin-left: 620px; z-index: 99;}
.right_bar_tem{ position: relative; width: 80px; height: 80px; margin-bottom: 20px; background-color: #a3cdff; border-radius: 6px; cursor: pointer;}
.right_bar_tem i{ position: absolute; top: 12px; left: 50%; width: 23px; height: 35px; margin-left: -12px; background-image: url(../images/icon_phone2.png);}
.right_bar_tem span{ position: absolute; top: 56px; left: 0; width: 100%; font: 16px/16px "Microsoft Yahei"; text-align: center; color: #fff;}

.right_bar_qrcode{ display: none; position: absolute; top: 0; left: -162px; width: 152px; padding: 12px; background-color: #fff; border: 1px solid #a3cdff; box-sizing: border-box;}
.right_bar_tem:hover .right_bar_qrcode{ display: block;}

.right_bar_qrcode img{ width: 100%;}
.right_bar_qrcode p{ margin-top: 8px; font: 14px/14px "Microsoft Yahei"; color: #333; text-align: center;}

.toTop{display: none; position: fixed; bottom: 20px; left: 50%; width: 80px; height: 30px; margin-left: 620px; background: url(../images/icon_top.png) no-repeat center  center #a3cdff; cursor: pointer; border-radius: 6px;}


.frd_link{ margin-bottom: 30px;}
.frd_link img{ float: left; width: 232px; height: 60px; margin-right: 10px;}

/*.bot_link_tem{ position: relative; float: left; width: 232px; height: 60px; margin-right: 10px; background-color: #034f80; z-index: 10;}*/
select.bot_link_tem{ position: relative; float: left; width: 232px; height: 60px; margin-right: 10px; font-size: 16px; color: #fff; text-align-last: center; background-color: #034f80; border: none; z-index: 10;}
.bot_link_tem.nomar{ margin-right: 0}
/*.bot_link_tem:after{ position: absolute; right: 10px; top: 26px; width: 0; height: 0; border-width: 10px 5px 0; border-style:solid; border-color: #4499cf transparent transparent; content: "";}
.bot_link_des{ font-size: 16px; line-height: 60px; color: #fff; text-align: center; cursor: pointer;}
.bot_link_list{ display: none; position: absolute; top: 59px; left: 0; min-width: 232px; max-height: 200px; background-color: #fff; overflow-y: scroll;}
.bot_link_tem.active .bot_link_list{ display: block;}
.bot_link_list.scroll{}
.bot_link_list ul li{ height: 40px; padding: 0 10px; font-size: 14px; line-height: 40px;  white-space: nowrap;}
.bot_link_list ul li:hover{ background-color: #eee;}
.bot_link_list ul li a{ display: block;}*/

.footer{ padding: 26px 0; background-color: #ebebeb; }
.footer p{ font-size: 14px; line-height: 30px; color: #888; text-align: center;}
.footer p a{ color: #888;}

@media screen and (max-width: 800px) {
	.boxMo{ min-width: 100%;}
	.layout{ width: 96%; margin: 0 auto;}
    .banner{ height: auto; padding: 40px 0;}
	.logo{ position: static; display: block;  width: 96%; height: auto; margin: 0 auto;}

	.banner_r{ position: relative; top: 0; right: 0; max-width: 320px; width: 70%; margin: 20px auto 0;}
	.i_phone1{ position: absolute; top: 12px; left: 0; width: 17px; height: 26px;}
	.search{ position: static;  width: 100%; height: 32px; background: #fff; border-radius: 24px; }
	.keyword{ position: absolute; top: 0; left: 0; width: 80%; height: 32px; font: 12px/32px "Microsoft Yahei"; color: #666; text-indent: 1em; border: none; border-right: 0; background-color: transparent; box-sizing: border-box; outline: none;}

	a.btn_search{ position: absolute; top: 0; right: 0; width: 20%; height: 32px;  background: url(../images/icon_search.png) no-repeat center center #0267b7; background-size: auto 60%; border-radius: 24px; cursor: pointer;}

	.nav{ width: 100%; height: auto; margin: 0 auto 20px;}
	.nav .layout{ width: 100%; margin: 0;}
	.nav a{ width: 25%; height: 30px; font: 12px/30px "Microsoft Yahei"; }

	.right_bar{ display: none;}

	.footer{ padding: 20px 0;  }
	.footer p{ font-size: 12px; line-height: 24px; }
}